<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解javaScript功能：页面上所有的触发型效果
		 JQuery的使用方式：
            1.JQuery官方网站，下载JQuery封装JS库 格式：jquery-1.11.1.js
			jquery-2.x.js之后的版本不支持IE 6、7、8
			2.引入JQuery框架 【js类库】，在head中，script元素  导入 <script src="js/jquery-1.11.1.js"></script>
			3.编写JQuery框架语法---页面的动态效果
			在页面最后body前方加srcipt元素 为什么？
			思考：操作页面上面元素，body中生成实际页面上的内容，改变页面效果
			     整个html+css理解为一颗DOM树：元素、属性、属性值、先存在这些元素，才可以进行操作。
				 所以，JS中DOM树的操作需要等页面元素都加载完毕，才可以进行对页面元素进行实质性操作！
			JavaSrcipt行为层：   ①EMCAScript5.0核心语法---类似于java基础 功能：做逻辑 
			                    DOM树 document   元素、属性、属性值
								   head     body
								meta
						charsert	
			                    ②DOM【Document Object Model  文档节点对象模型】  功能：结合逻辑做页面效果
								③BOM  【Browser Object Model  浏览器对象模型 】功能：结合逻辑做浏览器效果
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<!-- 编写JQ语法 -->
		<script>
			/*JQ语法*/
			$("button").click(function(){alert("别着急~还有点时间")})
		</script>
	</body>
</html>